<template>
  <ul>
      <li @tap="goToTop"><i class="iconfont">&#xe64a;</i></li>
      <li @tap="makePhone"><i class="iconfont">&#xe60c;</i></li>
      <li><i class="iconfont">&#xe614;</i></li>
  </ul>
</template>

<script>
export default {
    name: "MyBtns",
    data () {
        return {
            
        }
    },
    methods: {
        goToTop() {
            wx.pageScrollTo({
                scrollTop: 0
            })
        },
        makePhone() {
            wx.makePhoneCall({
                phoneNumber: '10086'
            })
        }
    }
}
</script>

<style lang="less" scoped>
    @font-face {
        font-family: 'iconfont';  /* project id 2030797 */
        src: url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.eot');
        src: url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.eot?#iefix') format('embedded-opentype'),
        url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.woff2') format('woff2'),
        url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.woff') format('woff'),
        url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.ttf') format('truetype'),
        url('http://at.alicdn.com/t/font_2030797_pc4t5acar4.svg#iconfont') format('svg');
    }

    .iconfont{
        font-family:"iconfont" !important;
        font-size:40rpx;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        color: #666;
    }

    ul {
        position: fixed;
        right: 20rpx;
        bottom: 20rpx;
        li {
            border-radius: 50%;
            width: 100rpx;
            height: 100rpx;
            background: rgba(255, 255, 255, 0.7);
            text-align: center;
            line-height: 100rpx;
            margin-top: 10rpx;
        }
    }
</style>